// 蓝色
/***********************************************************************************************************************/
.Blue {
  // 左侧整体背景颜色
  .basic-layout .nav {
    background-color: #4e73df;

  }
//左侧导航背景
  .nav-menu {
    background: #4e73df;
    //左侧导航背景
    .el-menu {
      background: #3656b5;

    }
    //左侧导航背景鼠标焦点颜色
    --el-color-primary-light-9: #3656b5;
  }
  // logo颜色
  .logo{
    background: #4e73df;

  }
  // 左侧选中样式
  .el-menu-item.is-active {
 
    color: #ffffff;
    background: #2d8cf0;
 
}
// 字体颜色
  .logo,
  .el-menu-item,
  .el-submenu,
  .el-submenu__title {
    color: #fff;
  }

  //头部标签
  .tabsviews .el-tag {
    background: #2d8cf0;
    color: #fff;

  }

  .tabsviews .el-tag * {

    color: #fff;

  }
  //标签选中夜色
  .tabsviews .tab-native {
    background: #fff;
    color: #666;
    border: 1px solid #ccc;

  }
  //标签选中字体
  .tabsviews .tab-native * {

    color: #666;

  }

}

//   黑色

/***********************************************************************************************************************/
.Black {
  .basic-layout .nav[data-v-8dc7cce2] {
    background-color: #001529;

  }

  .nav-menu {
    background: #001529;

    .el-menu {
      background: #00060c;

    }
   
    --el-color-primary-light-9: #04284b;
  }
  .logo{
    background: #001529;

  }
  .el-submenu__title i,
  .logo,
  .el-menu-item,
  .el-submenu,
  .el-submenu__title {
    color: #fff;
  }

  //头部标签
  .tabsviews .el-tag {
    background: #001529;
    color: #fff;

  }

  .tabsviews .el-tag * {

    color: #fff;

  }

  .tabsviews .tab-native {
    background: #fff;
    color: #666;
    border: 1px solid #ccc;

  }

  .tabsviews .tab-native * {

    color: #666;

  }
}

/***********************************************************************************************************************/
//   紫色
.Purple {
  .basic-layout .nav[data-v-8dc7cce2] {
    background-color: #7c75ef;

  }
  .logo{
    background: #7c75ef;

  }
  .nav-menu {
    background: #7c75ef;

    .el-menu {
      background: #605ca8;

    }

    --el-color-primary-light-9: #6a64c9;
  }

  .el-submenu__title i,
  .logo,
  .el-menu-item,
  .el-submenu,
  .el-submenu__title {
    color: #fff;
  }


  
  //头部标签
  .tabsviews .el-tag {
    background: #6a64c9;
    color: #fff;

  }

  .tabsviews .el-tag * {

    color: #fff;

  }

  .tabsviews .tab-native {
    background: #fff;
    color: #666;
    border: 1px solid #ccc;

  }

  .tabsviews .tab-native * {

    color: #666;

  }

}

/***********************************************************************************************************************/
//   绿色
.Green {

  .top-crumb,
  .basic-layout .nav[data-v-8dc7cce2] {
    background-color: #18bc9c;


  }

  .nav-menu {
    background: #001529;

    .el-menu {
      background: #00060c;

    }

    --el-color-primary-light-9: #04284b;
  }

  .top-crumb *,
  .el-submenu__title i,
  .logo,
  .el-menu-item,
  .el-submenu,
  .el-submenu__title {
    color: #fff;
  }
  .logo{
    background: #02a989;

  }
  
  //头部标签
  .tabsviews .el-tag {
    background: #18bc9c;
    color: #fff;
    border: #18bc9c;

  }

  .tabsviews .el-tag * {

    color: #fff;

  }

  .tabsviews .tab-native {
    background: #02a989;
    color: #fff; 
    border: 1px solid #16b294;

  }

  .tabsviews .tab-native * {
    color: #fff; 

  }

}

/***********************************************************************************************************************/
//   红色
.Red {

  .top-crumb,
  .basic-layout .nav[data-v-8dc7cce2] {
    background-color: #f75444;


  }

  .nav-menu {
    background: #001529;

    .el-menu {
      background: #00060c;

    }

    --el-color-primary-light-9: #04284b;
  }

  .top-crumb *,
  .el-submenu__title i,
  .logo,
  .el-menu-item,
  .el-submenu,
  .el-submenu__title {
    color: #fff;
  }
  .logo{
    background: #ea5041;

  }
  
  //头部标签
  .tabsviews .el-tag {
    background: #f75444;
    color: #fff;
    border: #f75444;

  }

  .tabsviews .el-tag * {

    color: #fff;

  }

  .tabsviews .tab-native {
    background: #ea5041;
    color: #fff; 
    border: 1px solid #ea5041;

  }  
  .user-info, .tabsviews .tab-native * {
    color: #fff;

  }
}

//   黄色

/***********************************************************************************************************************/
.Yellow {

  .top-crumb,
  .basic-layout .nav[data-v-8dc7cce2] {
    background-color: #f39c12;


  }

  .nav-menu {
    background: #001529;

    .el-menu {
      background: #00060c;

    }

    --el-color-primary-light-9: #04284b;
  }

  .top-crumb *,
  .el-submenu__title i,
  .logo,
  .el-menu-item,
  .el-submenu,
  .el-submenu__title {
    color: #fff;
  }

  .logo{
    background: #e69411;

  }
  
  //头部标签
  .tabsviews .el-tag {
    background: #f39c12;
    color: #fff;
    border: #f39c12;

  }

  .tabsviews .el-tag * {

    color: #fff;

  }

  .tabsviews .tab-native {
    background: #e69411;
    color: #fff; 
    border: 1px solid #e69411;

  }  
  .user-info, .tabsviews .tab-native * {
    color: #fff;

  }
}
/*************************************************************/@at-root
.transparent{
  background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F2020-10-12%2F5f83b7c13d0b9.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656050822&t=83f7473…);

  min-height: 100%;
 
     background-size : cover; 
     background-attachment: fixed;
     background-repeat:no-repeat;

  .top-crumb,
  .basic-layout .nav[data-v-8dc7cce2] {
    background-color: #00000069;


  }
  .basic-layout .content .wrapper[data-v-8dc7cce2]{
  background-color: transparent;
}
  .nav-menu {
    background-color: transparent;

    .el-menu {
      background-color: transparent;
    }

    --el-color-primary-light-9: transparent;
  }

  .top-crumb *,
  .el-submenu__title i,
  .logo,
  .el-menu-item,
  .el-submenu,
  .el-submenu__title {
    color: #fff;
  }

  .logo{
 
    background-color: #00000069;

  }
  
  //头部标签
  .tabsviews .el-tag {
  
    background-color: #00000069;
    color: #fff;
    border: #f39c12;

  }

  .tabsviews .el-tag * {

    color: #fff;

  }

  .tabsviews .tab-native {
   
    background-color: transparent;
    color: #fff; 
    border: 1px solid #e69411;

  }  
  .user-info, .tabsviews .tab-native * {
    color: #fff;

  }
}